<template>
  <div class="container">
      <h1>我是父组件App</h1>
      <Header></Header>
      <Footer></Footer>
  </div>
</template>

<script>
import  Header from './components/Header.vue'
import  Footer  from './components/Footer.vue'
export default {
  name: '',
  components:{
    Header,
    Footer
  }
}
</script>

<style scoped>
 .container{
   width: 600px;
 }
</style>
